<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>课程导航</title>
    <jsp:include page="/pages/common/common.jsp"></jsp:include>
    <link href="../../css/css.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="../../js/common/curvycorners.src.js"></script> 
	<script type="text/javascript" src="../../js/customCourse/customCourse.js"></script>
<script type="text/javascript">

    curvyCorners.addEvent(window, 'load', initCorners);
    function initCorners() {
        var settings = {
          tl: { radius: 10 },
          tr: { radius: 10 },
          bl: { radius: 10 },
          br: { radius: 10 },
          antiAlias: true
        }
		 var settings2 = {
          tl: { radius: 10 },
          tr: { radius: 10 },
          bl: { radius: 10 },
          br: { radius: 10 },
          antiAlias: false
        }
        
        curvyCorners(settings, "#course_nav");
		
		
    }   
	</script>

  </head>
  
  <body>
    <div style="width:100%;height:30px;">
		<jsp:include page="/pages/common/title.jsp"/>
	</div>
    <div style="text-align:center;">
    <div id="course_nav">       
	  
	       <button>Popular</button>
		   <button>Category</button>
		   <input   type="text" value="搜索" />
		    <button>Filter</button>
	  </div>
   
	  <div id="courseLists">  
	         <ul class="itemcourse">
			      <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
			      
				   <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				 
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				 
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#" onclick="location.href='coursedetail.jsp'"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
				  <li>
			        <div class="li_div">
					    <div class="pic"><a href="#"><img src="../../images/course/course_pic.jpg" /></div>
						 <div class="title">Hadoop权威教程</div>
						  <div class="desc">
							 <div class="desc_img"><a href="#"><img src="../../images/course/desc_img.png" /></a></div>
							 <div class="desc_name">乔布斯<br />企业家、架构师</div>
							 <div class="clear"></div>
				        </div>
						<div class="hot">
							<span>5152学员</span>
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_01.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<img src="../../images/course/xx_02.png" />
							<span>￥99</span>
				       </div>
					</div>
					<div class="clear"></div>
			     </li>
			 </ul>
	  
	  </div>
	  </div>
  </body>
</html>
